body{
	background: url(../img/bj.jpg) no-repeat;
	background-size: 100% 723px;
}
#wjxwq1{
	width: 40px;
	height: 40px;
	bord er: 1px solid red;
	background: url(../img/wjxwq1.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -682px;
	left: 193px;
	animation: wjxwq1 2s linear infinite;
}
@keyframes wjxwq1{
	0%{
		top: -682px;
		left: 193px;
		opacity: 1;
	}
	20%{
		top: -682px;
		left: 294px;
		opacity: 1;
	}
	40%{
		top: -682px;
		left: 394px;
		opacity: 1;
	}
	60%{
		top: -682px;
		left: 494px;
		opacity: 1;
	}
	80%{
		top: -682px;
		left: 594px;
		opacity: 1;
	}
	100%{
		top: -682px;
		left: 694px;
		opacity: 0;
	}
}
#wjxwq2{
	width: 40px;
	height: 40px;
	borde r: 1px solid red;
	background: url(../img/wjxwq2.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -482px;
	left: 833px;
	animation: wjxwq2 2s linear infinite;
}
@keyframes wjxwq2{
	0%{
		top: -482px;
		left: 833px;
		opacity: 1;
	}
	20%{
		top: -520px;
		left: 833px;
		opacity: 1;
	}
	40%{
		top: -560px;
		left:833px;
		opacity: 1;
	}
	60%{
		top: -600px;
		left: 833px;
		opacity: 1;
	}
	80%{
		top: -640px;
		left: 833px;
		opacity: 1;
	}
	100%{
		top: -680px;
		left: 833px;
		opacity: 0;
	}
}
#wjxwq3{
	width: 40px;
	height: 40px;
	bor der: 1px solid red;
	background: url(../img/wjxwq3.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -821px;
	left: 265px;
	animation: wjxwq3 2s linear infinite;
}
@keyframes wjxwq3{
	0%{
		top: -821px;
		left: 265px;
		opacity: 1;
	}
	20%{
		top: -791px;
		left: 265px;
		opacity: 1;
	}
	40%{
		top: -730px;
		left:265px;
		opacity: 1;
	}
	60%{
		top: -670px;
		left: 265px;
		opacity: 1;
	}
	80%{
		top: -610px;
		left: 265px;
		opacity: 1;
	}
	100%{
		top: -600px;
		left: 265px;
		opacity: 0;
	}
}
#wjx1{
	width: 70px;
	height: 70px;
	bord er: 1px solid red;
	background: url(../img/wjx1.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -581px;
	left: 819px;
	filter: drop-shadow(0 0 15px #cf263c);
}
#wjx2{
	width: 70px;
	height: 70px;
	bord er: 1px solid red;
	background: url(../img/wjx2.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -957px;
	left: 250px;
	filter: drop-shadow(0 0 15px #cf263c);
}
#wjx3{
	width: 70px;
	height: 70px;
	bord er: 1px solid red;
	background: url(../img/wjx3.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -955px;
	left: 168px;
	filter: drop-shadow(0 0 15px #cf263c);
}
#p1{
	width: 70px;
	height: 70px;
	bo rder: 1px solid red;
	background: url(../img/p1.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -332px;
	left: 537px;
	filter: drop-shadow(0 0 15px #1606ff);
	transform: rotate(90deg);
}
#p2{
	width: 70px;
	height: 70px;
	bor der: 1px solid red;
	background: url(../img/p2.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -555px;
	left: 818px;
	filter: drop-shadow(0 0 15px #1606ff);
	transform: rotate(90deg);
}
#p3{
	width: 70px;
	height: 70px;
	bo rder: 1px solid red;
	background: url(../img/p3.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -395px;
	left: 168px;
	filter: drop-shadow(0 0 15px #1606ff);
}
#p4{
	width: 70px;
	height: 70px;
	bor der: 1px solid red;
	background: url(../img/p4.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -692px;
	left: 920px;
	filter: drop-shadow(0 0 15px #1606ff);
	transform: rotate(90deg);
}
#pd1{
	width: 40px;
	height: 40px;
	bor der: 1px solid red;
	background: url(../img/pd1.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -78px;
	left: 194px;
	transform: rotate(90deg);
	animation: pd1 1.5s linear infinite;
}
@keyframes pd1{
	0%{
		top: -78px;
		left: 194px;
		opacity: 1;
	}
	20%{
		top: -78px;
		left: 294px;
		opacity: 1;
	}
	40%{
		top: -78px;
		left: 394px;
		opacity: 1;
	}
	60%{
		top: -78px;
		left: 494px;
		opacity: 1;
	}
	80%{
		top: -78px;
		left: 594px;
		opacity: 1;
	}
	100%{
		top: -78px;
		left: 694px;
		opacity: 0;
	}
}
#pd2{
	width: 40px;
	height: 40px;
	bord er: 1px solid red;
	background: url(../img/pd2.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -342px;
	left: 832px;
	transform: rotate(180deg);
	animation: pd2 1.5s linear infinite;
}
@keyframes pd2{
	0%{
		top: -342px;
		left: 832px;
		opacity: 1;
	}
	20%{
		top: -294px;
		left: 832px;
		opacity: 1;
	}
	40%{
		top: -244px;
		left: 832px;
		opacity: 1;
	}
	60%{
		top: -194px;
		left: 832px;
		opacity: 1;
	}
	80%{
		top: -144px;
		left: 832px;
		opacity: 1;
	}
	100%{
		top: -94px;
		left: 832px;
		opacity: 0;
	}
}
#pd3{
	width: 40px;
	height: 40px;
	bord er: 1px solid red;
	background: url(../img/pd3.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -233px;
	left: 551px;
	transform: rotate(180deg);
	animation: pd3 1.5s linear infinite;
}
@keyframes pd3{
	0%{
		top: -233px;
		left: 551px;
		opacity: 1;
	}
	20%{
		top: -183px;
		left: 551px;
		opacity: 1;
	}
	40%{
		top: -133px;
		left: 551px;
		opacity: 1;
	}
	60%{
		top: -83px;
		left: 551px;
		opacity: 1;
	}
	80%{
		top: -33px;
		left: 551px;
		opacity: 1;
	}
	100%{
		top: 0px;
		left: 551px;
		opacity: 0;
	}
}
#pd4{
	width: 40px;
	height: 40px;
	bord er: 1px solid red;
	background: url(../img/pd4.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -423px;
	left: 932px;
	transform: rotate(180deg);
	animation: pd4 1.5s linear infinite;
}
@keyframes pd4{
	0%{
		top: -423px;
		left: 932px;
		opacity: 1;
	}
	20%{
		top: -350px;
		left: 932px;
		opacity: 1;
	}
	40%{
		top: -290px;
		left: 932px;
		opacity: 1;
	}
	60%{
		top: -210px;
		left: 932px;
		opacity: 1;
	}
	80%{
		top:-120px;
		left: 932px;
		opacity: 1;
	}
	100%{
		top: -10px;
		left: 932px;
		opacity: 0;
	}
}
#hl1{
	width: 70px;
	height: 70px;
	bor der: 1px solid red;
	background: url(../img/hl-y.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: 475px;
	left: 320px;
	animation: hl1 10s linear infinite;
}
@keyframes hl1{
	0%{
		background: url(../img/hl-y.png) no-repeat;
		background-size: 100% 100%;
		top: 475px;
		left: 320px;
		opacity: 1;
	}
	20%{
		background: url(../img/hl-y.png) no-repeat;
		background-size: 100% 100%;
		top: 475px;
		left: 535px;
		opacity: 1;
	}
	40%{
		background: url(../img/hl-z.png) no-repeat;
		background-size: 100% 100%;
		top: 317px;
		left: 535px;
		opacity: 1;
	}
	60%{
		background: url(../img/hl-z.png) no-repeat;
		background-size: 100% 100%;
		top: 317px;
		left: 250px;
		opacity: 1;
	}
	80%{
		background: url(../img/hl-y.png) no-repeat;
		background-size: 100% 100%;
		top: 161px;
		left: 250px;
		opacity: 0.6;
	}
	90%{
		background: url(../img/hl-y.png) no-repeat;
		background-size: 100% 100%;
		top: 161px;
		left: 500px;
		opacity: 0.3;
	}
	100%{
		background: url(../img/hl-y.png) no-repeat;
		background-size: 100% 100%;
		top: 161px;
		left: 770px;
		opacity: 0;
	}
}
#hl2{
	width: 70px;
	height: 70px;
	bor der: 1px solid red;
	background: url(../img/hl-y2.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: 403px;
	left: 244px;
	animation: hl2 11s linear 1s infinite;
}
@keyframes hl2{
	0%{
		background: url(../img/hl-y2.png) no-repeat;
		background-size: 100% 100%;
		top: 403px;
		left: 244px;
		opacity: 1;
	}
	20%{
		background: url(../img/hl-y2.png) no-repeat;
		background-size: 100% 100%;
		top: 403px;
		left: 533px;
		opacity: 1;
	}
	40%{
		background: url(../img/hl-z2.png) no-repeat;
		background-size: 100% 100%;
		top: 250px;
		left: 533px;
		opacity: 1;
	}
	60%{
		background: url(../img/hl-z2.png) no-repeat;
		background-size: 100% 100%;
		top: 250px;
		left: 251px;
		opacity: 1;
	}
	80%{
		background: url(../img/hl-y2.png) no-repeat;
		background-size: 100% 100%;
		top: 89px;
		left: 251px;
		opacity: 0.6;
	}
	90%{
		background: url(../img/hl-y2.png) no-repeat;
		background-size: 100% 100%;
		top: 89px;
		left: 525px;
		opacity: 0.3;
		}
	100%{
		background: url(../img/hl-y2.png) no-repeat;
		background-size: 100% 100%;
		top: 89px;
		left: 800px;
		opacity: 0;
	}
}
#zy1{
	width: 70px;
	height: 70px;
	bor der: 1px solid red;
	background: url(../img/zy-y.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: 334px;
	left: 271px;
	animation: zy1 18s linear 2s infinite;
}
@keyframes zy1{
	0%{
		background: url(../img/zy-y.png) no-repeat;
		background-size: 100% 100%;
		top: 334px;
		left: 271px;
		opacity: 1;
	}
	15%{
		background: url(../img/zy-y.png) no-repeat;
		background-size: 100% 100%;
		top: 334px;
		left: 533px;
		opacity: 1;
	}
	30%{
		background: url(../img/zy-z.png) no-repeat;
		background-size: 100% 100%;
		top: 182px;
		left: 533px;
		opacity: 1;
	}
	40%{
		background: url(../img/zy-z.png) no-repeat;
		background-size: 100% 100%;
		top: 182px;
		left: 254px;
		opacity: 1;
	}
	50%{
		background: url(../img/zy-y.png) no-repeat;
		background-size: 100% 100%;
		top: 24px;
		left: 254px;
		opacity: 1;
	}
	55%{
		background: url(../img/zy-y.png) no-repeat;
		background-size: 100% 100%;
		top: 24px;
		left: 454px;
		opacity: 1;
	}
	60%{
		background: url(../img/zy-y.png) no-repeat;
		background-size: 100% 100%;
		top: 24px;
		left: 654px;
		opacity: 1;
	}
	70%{
		background: url(../img/zy-y.png) no-repeat;
		background-size: 100% 100%;
		top: 24px;
		left: 815px;
		opacity: 1;
	}
	80%{
		background: url(../img/zy-y.png) no-repeat;
		background-size: 100% 100%;
		top: 184px;
		left: 815px;
		opacity: 0.5;
	}
	100%{
		background: url(../img/zy-y.png) no-repeat;
		background-size: 100% 100%;
		top: 184px;
		left: 630px;
		opacity: 0;
	}
}
#zy2{
	width: 70px;
	height: 70px;
	bord er: 1px solid red;
	background: url(../img/zy-y2.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: 265px;
	left: 231px;
	animation: zy2 19s linear 3s infinite;
}
@keyframes zy2{
	0%{
		background: url(../img/zy-y2.png) no-repeat;
		background-size: 100% 100%;
		top: 265px;
		left: 271px;
		opacity: 1;
	}
	15%{
		background: url(../img/zy-y2.png) no-repeat;
		background-size: 100% 100%;
		top: 265px;
		left: 531px;
		opacity: 1;
	}
	30%{
		background: url(../img/zy-z2.png) no-repeat;
		background-size: 100% 100%;
		top: 115px;
		left: 531px;
		opacity: 1;
	}
	40%{
		background: url(../img/zy-z2.png) no-repeat;
		background-size: 100% 100%;
		top: 115px;
		left: 248px;
		opacity: 1;
	}
	50%{
		background: url(../img/zy-y2.png) no-repeat;
		background-size: 100% 100%;
		top: -48px;
		left: 248px;
		opacity: 1;
	}
	55%{
		background: url(../img/zy-y2.png) no-repeat;
		background-size: 100% 100%;
		top: -48px;
		left: 449px;
		opacity: 1;
	}
	60%{
		background: url(../img/zy-y2.png) no-repeat;
		background-size: 100% 100%;
		top: -48px;
		left: 649px;
		opacity: 1;
	}
	70%{
		background: url(../img/zy-y2.png) no-repeat;
		background-size: 100% 100%;
		top: -48px;
		left: 817px;
		opacity: 1;
	}
	80%{
		background: url(../img/zy-y2.png) no-repeat;
		background-size: 100% 100%;
		top: 111px;
		left: 817px;
		opacity: 0.5;
	}
	100%{
		background: url(../img/zy-y2.png) no-repeat;
		background-size: 100% 100%;
		top: 111px;
		left: 631px;
		opacity: 0;
	}
}
#em1{
	width: 70px;
	height: 70px;
	bord er: 1px solid red;
	background: url(../img/em-y.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: 198px;
	left: 279px;
	animation: em1 23s linear 4s infinite;
}
@keyframes em1{
	0%{
		background: url(../img/em-y.png) no-repeat;
		background-size: 100% 100%;
		top: 198px;
		left: 279px;
		opacity: 1;
	}
	10%{
		background: url(../img/em-y.png) no-repeat;
		background-size: 100% 100%;
		top: 198px;
		left: 531px;
		opacity: 1;
	}
	20%{
		background: url(../img/em-z.png) no-repeat;
		background-size: 100% 100%;
		top: 43px;
		left: 531px;
		opacity: 1;
	}
	30%{
		background: url(../img/em-z.png) no-repeat;
		background-size: 100% 100%;
		top: 43px;
		left: 251px;
		opacity: 1;
	}
	40%{
		background: url(../img/em-y.png) no-repeat;
		background-size: 100% 100%;
		top: -120px;
		left: 251px;
		opacity: 1;
	}
	50%{
		background: url(../img/em-y.png) no-repeat;
		background-size: 100% 100%;
		top: -120px;
		left: 446px;
		opacity: 1;
	}
	55%{
		background: url(../img/em-y.png) no-repeat;
		background-size: 100% 100%;
		top: -120px;
		left: 646px;
		opacity: 1;
	}
	60%{
		background: url(../img/em-y.png) no-repeat;
		background-size: 100% 100%;
		top: -120px;
		left: 813px;
		opacity: 1;
	}
	65%{
		background: url(../img/em-z.png) no-repeat;
		background-size: 100% 100%;
		top: 41px;
		left: 813px;
		opacity: 1;
	}
	70%{
		background: url(../img/em-z.png) no-repeat;
		background-size: 100% 100%;
		top: 41px;
		left: 624px;
		opacity: 1;
	}
	80%{
		background: url(../img/em-y.png) no-repeat;
		background-size: 100% 100%;
		top: 202px;
		left: 624px;
		opacity: 1;
	}
	90%{
		background: url(../img/em-y.png) no-repeat;
		background-size: 100% 100%;
		top: 202px;
		left: 904px;
		opacity: 0.8;
	}
	100%{
		background: url(../img/em-y.png) no-repeat;
		background-size: 100% 100%;
		top: -111px;
		left: 904px;
		opacity: 0;
	}
}
#em2{
	width: 70px;
	height: 70px;
	bord er: 1px solid red;
	background: url(../img/em-y1.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: 134px;
	left: 259px;
	animation: em2 24s linear 5s infinite;
}
@keyframes em2{
	0%{
		background: url(../img/em-y1.png) no-repeat;
		background-size: 100% 100%;
		top: 134px;
		left: 279px;
		opacity: 1;
	}
	10%{
		background: url(../img/em-y1.png) no-repeat;
		background-size: 100% 100%;
		top: 134px;
		left: 533px;
		opacity: 1;
	}
	20%{
		background: url(../img/em-z2.png) no-repeat;
		background-size: 100% 100%;
		top: -26px;
		left: 533px;
		opacity: 1;
	}
	30%{
		background: url(../img/em-z2.png) no-repeat;
		background-size: 100% 100%;
		top: -25px;
		left: 246px;
		opacity: 1;
	}
	40%{
		background: url(../img/em-y1.png) no-repeat;
		background-size: 100% 100%;
		top: -187px;
		left: 266px;
		opacity: 1;
	}
	50%{
		background: url(../img/em-y1.png) no-repeat;
		background-size: 100% 100%;
		top: -187px;
		left: 446px;
		opacity: 1;
	}
	55%{
		background: url(../img/em-y1.png) no-repeat;
		background-size: 100% 100%;
		top: -187px;
		left: 646px;
		opacity: 1;
	}
	60%{
		background: url(../img/em-y1.png) no-repeat;
		background-size: 100% 100%;
		top: -187px;
		left: 806px;
		opacity: 1;
	}
	65%{
		background: url(../img/em-z2.png) no-repeat;
		background-size: 100% 100%;
		top: -29px;
		left: 814px;
		opacity: 1;
	}
	70%{
		background: url(../img/em-z2.png) no-repeat;
		background-size: 100% 100%;
		top: -29px;
		left: 630px;
		opacity: 1;
	}
	80%{
		background: url(../img/em-y1.png) no-repeat;
		background-size: 100% 100%;
		top: 129px;
		left: 630px;
		opacity: 1;
	}
	90%{
		background: url(../img/em-y1.png) no-repeat;
		background-size: 100% 100%;
		top: 129px;
		left: 907px;
		opacity: 0.8;
	}
	100%{
		background: url(../img/em-y1.png) no-repeat;
		background-size: 100% 100%;
		top: -179px;
		left: 907px;
		opacity: 0;
	}
}



